<template>
  <div>
    <header>
      <span style="color:#2B2B2B;margin-top:15px;margin-left:20px;">您已选择充值金额：<b style="color:#FF0000;">1799</b>元</span>
      <span style="float:right;color:#2B2B2B;margin-top:15px;margin-right:20px;">需支付：<b style="color:#FF0000;">1799</b>元</span>
    </header>
    <section>
      <div style="width:1614px;
height:52px;
display:flex;
margin-top:21px;

background:rgba(247,247,247,1);">
        <div style="margin-left:51px;display: flex;width:193px;background:white;border-bottom:0;border-top:2px solid red;height:61px;  ">
          <img style="width:25px;height:25px;margin-left:52px;margin-top:14px;" src="../../assets/wwee.png" alt="">
          <span style="color:#FF4E00;margin-top:2px;height:52px;line-height:52px;margin-left:12px;">微信支付</span>
        </div>
      </div>
      <div style="width:100%;position: relative;margin-top:5%;margin-left:32%;">
        <div style="display:flex;width: 13%;position:absolute;top:20px;left:18px;">
          <img style="width:26px;height:26px;" src="../../assets/saoyisao.png" alt="">
          <span style="margin-top:8px;margin-left:10px;font-size:15px;">使用微信二维码扫码付款</span>
        </div>
        <img style="width:260px;height:300px;" src="../../assets/zfb.png" alt="">
        <img style="width:301px;height:364px;" src="../../assets/shouji.png" alt="">
      </div>
      <div style="display: flex;flex-direction: column;">
        <span style="color:#484848;margin-left:36%;font-size:16.5px;">距离二维码过期还剩<b style="color:#FF0000;">490</b>秒。过期后请 <b style="color:#007CFD;">刷新</b>页面，重新获取</span>
        <span style="margin-left:47%;margin-top:20px;font-size:16.5px;color:#008BF6;margin-bottom:130px;cursor: pointer">返回上一步</span>
      </div>
    </section>
  </div>
</template>

<script>
  export default {
    name: "Admin_ZFB"
  }
</script>

<style>
  header{
    width:1614px;
    height:52px;
    display:flex;
    justify-content: space-between;
    background:rgba(252,248,239,1);
  }
</style>
